import { colors } from "@/data/shared/colors";
import { View } from "@tarojs/components";

import { Icon, Paragraph } from "@/components";
import style from "./index.module.scss";

interface AddressProps {
  upperLine: string;
  lowerLine: string;
}

const C09Address = ({ upperLine, lowerLine }: AddressProps) => {
  return (
    <View className={style["address-wrapper"]}>
      <Icon className={style["location-icon"]} type="Location" />
      <View>
        <Paragraph color={colors.colorDark} size="small" noSpacing>
          {upperLine}
        </Paragraph>
        <Paragraph size="small" noSpacing>
          {lowerLine}
        </Paragraph>
      </View>
    </View>
  );
};

export default C09Address;
